@import './base.scss';
[data-vxe-ui-theme='light']{
	$vxe-ui-font-primary-color: #409eff;

	$vxe-ui-status-success-color: #67c23a;
	$vxe-ui-status-info-color: #909399;
	$vxe-ui-status-warning-color: #e6a23c;
	$vxe-ui-status-danger-color: #f56c6c;
	$vxe-ui-status-error-color: #f56c6c;

	$vxe-ui-font-color: #606266;
	color-scheme                                             :light;
	/*common*/
	--base-color                                             :#FFFFFF;
	// -------------------------------------------------------------------
	--primary-color                                          :#18A058;
	--primary-color-hover                                    :#36AD6A;
	--primary-color-pressed                                  :#0C7A43;
	--primary-color-suppl                                    :#36AD6A;
	// -------------------------------------------------------------------
	--info-color                                             :#2080F0;
	--info-color-hover                                       :#4098FC;
	--info-color-pressed                                     :#1060C9;
	--info-color-suppl                                       :#4098FC;
	// -------------------------------------------------------------------
	--success-color                                          :#18A058;
	--success-color-hover                                    :#36AD6A;
	--success-color-pressed                                  :#0C7A43;
	--success-color-suppl                                    :#36AD6A;
	// -------------------------------------------------------------------
	--warning-color                                          :#F0A020;
	--warning-color-hover                                    :#FCB040;
	--warning-color-pressed                                  :#C97C10;
	--warning-color-suppl                                    :#FCB040;
	// -------------------------------------------------------------------
	--error-color                                            :#D03050;
	--error-color-hover                                      :#DE576D;
	--error-color-pressed                                    :#AB1F3F;
	--error-color-suppl                                      :#DE576D;
	// -------------------------------------------------------------------
	--text-color-base                                        :#000000;
	//----------------------------------------------------------------------------------------
	/*font*/
	--vxe-font-family                                        :-apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	--vxe-font-size                                          :14px;
	--vxe-font-size-medium                                   :14px;
	--vxe-font-size-small                                    :13px;
	--vxe-font-size-mini                                     :12px;
	/*size*/
	--vxe-border-radius                                      :4px;
	/*icon*/
	--vxe-icon-font-family                                   :Verdana, Arial, Tahoma;
	--vxe-icon-background-color                              :var(--base-color);
	/*color*/
	//----------------------------------------------------------------------------------------
	--vxe-font-color                                         :#606266;
	//----------------------------------------------------------------------------------------
	--vxe-primary-color                                      :var(--primary-color);
	--vxe-success-color                                      :var(--success-color);
	--vxe-info-color                                         :var(--info-color);
	--vxe-warning-color                                      :var(--warning-color);
	--vxe-danger-color                                       :var(--error-color);
	//----------------------------------------------------------------------------------------
	--vxe-font-lighten-color                                 :lighten(var(--vxe-font-color), 10%);
	//----------------------------------------------------------------------------------------
	--vxe-primary-lighten-color                              :lighten(var(--primary-color-hover), 10%);
	--vxe-success-lighten-color                              :lighten(var(--success-color-hover), 10%);
	--vxe-info-lighten-color                                 :lighten(var(--info-color-hover), 10%);
	--vxe-warning-lighten-color                              :lighten(var(--warning-color-hover), 10%);
	--vxe-danger-lighten-color                               :lighten(var(--error-color-hover), 10%);
	//----------------------------------------------------------------------------------------
	--vxe-font-darken-color                                  :darken(var(--vxe-font-color), 10%);
	//----------------------------------------------------------------------------------------
	--vxe-primary-darken-color                               :darken(var(--primary-color-pressed), 10%);
	--vxe-success-darken-color                               :darken(var(--success-color-pressed), 10%);
	--vxe-info-darken-color                                  :darken(var(--info-color-pressed), 10%);
	--vxe-warning-darken-color                               :darken(var(--warning-color-pressed), 10%);
	--vxe-danger-darken-color                                :darken(var(--error-color-pressed), 10%);
	//----------------------------------------------------------------------------------------
	--vxe-font-disabled-color                                :#BFBFBF;
	//----------------------------------------------------------------------------------------
	--vxe-primary-disabled-color                             :lighten(var(--primary-color), 20%);
	--vxe-success-disabled-color                             :lighten(var(--success-color), 20%);
	--vxe-info-disabled-color                                :lighten(var(--info-color), 20%);
	--vxe-warning-disabled-color                             :lighten(var(--warning-color), 20%);
	--vxe-danger-disabled-color                              :lighten(var(--error-color), 20%);
	/*input/radio/checkbox*/
	--vxe-input-border-color                                 :#DCDFE6;
	--vxe-input-disabled-color                               :#DCDFE6;
	--vxe-input-disabled-background-color                    :#F3F3F3;
	--vxe-input-placeholder-color                            :#C0C4CC;
	/*popup*/
	--vxe-table-popup-border-color                           :#DADCE0;
	/*table*/
	--vxe-table-header-font-color                            :var(--vxe-font-color);
	--vxe-table-footer-font-color                            :var(--vxe-font-color);
	--vxe-table-border-radius                                :var(--vxe-border-radius);
	--vxe-table-border-width                                 :1px;
	--vxe-table-border-color                                 :#E8EAEC;
	--vxe-table-resizable-line-color                         :#D9DDDF;
	--vxe-table-resizable-drag-line-color                    :var(--vxe-primary-color);
	--vxe-table-header-background-color                      :#F8F8F9;
	--vxe-table-body-background-color                        :#FFFFFF;
	--vxe-table-footer-background-color                      :#FFFFFF;
	--vxe-table-tree-node-line-color                         :#909399;
	--vxe-table-tree-node-line-style                         :dotted;
	--vxe-table-header-font-weight                           :700;
	--vxe-table-row-height-default                           :48px;
	--vxe-table-row-height-medium                            :44px;
	--vxe-table-row-height-small                             :40px;
	--vxe-table-row-height-mini                              :36px;
	--vxe-table-row-line-height                              :22px;
	--vxe-table-row-hover-background-color                   :#F5F7FA;
	--vxe-table-row-striped-background-color                 :#FAFAFA;
	--vxe-table-row-hover-striped-background-color           :#F5F7FA;
	--vxe-table-row-radio-checked-background-color           :#FFF3E0;
	--vxe-table-row-hover-radio-checked-background-color     :#FFEBBC;
	--vxe-table-row-checkbox-checked-background-color        :#FFF3E0;
	--vxe-table-row-hover-checkbox-checked-background-color  :#FFEBBC;
	--vxe-table-row-current-background-color                 :#E6F7FF;
	--vxe-table-row-hover-current-background-color           :#D7EFFB;
	--vxe-table-column-padding-default                       :13px 0;
	--vxe-table-column-padding-medium                        :11px 0;
	--vxe-table-column-padding-small                         :9px 0;
	--vxe-table-column-padding-mini                          :7px 0;
	--vxe-table-column-hover-background-color                :#D7EFFB;
	--vxe-table-column-current-background-color              :#E6F7FF;
	--vxe-table-column-icon-border-color                     :#C0C4CC;
	--vxe-table-column-icon-border-hover-color               :#515A6E;
	--vxe-table-cell-placeholder-color                       :#C0C4CC;
	--vxe-table-cell-padding-left                            :10px;
	--vxe-table-cell-padding-right                           :10px;
	--vxe-table-cell-input-height-default                    :var(--vxe-table-row-height-default) - 6;
	--vxe-table-cell-input-height-medium                     :var(--vxe-table-row-height-medium) - 6;
	--vxe-table-cell-input-height-small                      :var(--vxe-table-row-height-small) - 6;
	--vxe-table-cell-input-height-mini                       :var(--vxe-table-row-height-mini) - 6;
	--vxe-table-cell-dirty-width                             :5px;
	--vxe-table-cell-dirty-update-color                      :#F56C6C;
	--vxe-table-cell-dirty-insert-color                      :#19A15F;
	--vxe-table-cell-area-border-color                       :var(--vxe-primary-color);
	--vxe-table-cell-area-border-width                       :1px;
	--vxe-table-cell-main-area-extension-border-color        :#FFFFFF;
	--vxe-table-cell-main-area-extension-background-color    :var(--vxe-primary-color);
	--vxe-table-cell-extend-area-border-width                :2px;
	--vxe-table-cell-copy-area-border-width                  :3px;
	--vxe-table-cell-active-area-border-width                :2px;
	--vxe-table-cell-copy-area-border-color                  :var(--vxe-table-cell-area-border-color);
	--vxe-table-cell-extend-area-border-color                :var(--vxe-table-cell-area-border-color);
	--vxe-table-cell-active-area-border-color                :var(--vxe-table-cell-area-border-color);
	--vxe-table-cell-area-background-color                   :rgba(64, 158, 255, 0.2);
	--vxe-table-checkbox-range-border-width                  :1px;
	--vxe-table-checkbox-range-border-color                  :#006AF1;
	--vxe-table-checkbox-range-background-color              :rgba(50, 128, 252, 0.2);
	--vxe-table-fixed-left-scrolling-box-shadow              :8px 0px 10px -5px rgba(0, 0, 0, 0.12);
	--vxe-table-fixed-right-scrolling-box-shadow             :-8px 0px 10px -5px rgba(0, 0, 0, 0.12);
	/*filter*/
	--vxe-table-filter-panel-background-color                :#FFFFFF;
	/*menu*/
	--vxe-table-menu-item-width                              :178px;
	--vxe-table-menu-background-color                        :#FFFFFF;
	/*loading*/
	--vxe-loading-color                                      :var(--vxe-primary-color);
	--vxe-loading-background-color                           :rgba(255, 255, 255, 0.5);
	--vxe-loading-z-index                                    :999;
	/*validate*/
	--vxe-table-validate-error-color                         :#F56C6C;
	--vxe-table-validate-error-background-color              :var(--vxe-table-body-background-color);
	/*grid*/
	--vxe-grid-maximize-background-color                     :#FFFFFF;
	/*toolbar*/
	--vxe-toolbar-background-color                           :#FFFFFF;
	--vxe-toolbar-custom-active-background-color             :#D9DADB;
	--vxe-toolbar-panel-background-color                     :#FFFFFF;
	/*tooltip*/
	--vxe-tooltip-dark-color                                 :#FFFFFF;
	--vxe-tooltip-dark-background-color                      :#303133;
	--vxe-tooltip-light-background-color                     :#FFFFFF;
	/*pager*/
	--vxe-pager-background-color                             :#FFFFFF;
	--vxe-pager-perfect-background-color                     :#FFFFFF;
	--vxe-pager-perfect-button-background-color              :#F4F4F5;
	/*modal*/
	--vxe-modal-header-background-color                      :rgba(248, 248, 248, 0.6);
	--vxe-modal-body-background-color                        :rgba(255, 255, 255, 0.7);
	--vxe-modal-border-color                                 :rgba(235, 238, 245, 0.8);
	/*checkbox*/
	--vxe-checkbox-font-size-default                         :15px;
	--vxe-checkbox-font-size-medium                          :14px;
	--vxe-checkbox-font-size-small                           :13px;
	--vxe-checkbox-font-size-mini                            :12px;
	--vxe-checkbox-checked-width                             :0.32em;
	--vxe-checkbox-checked-height                            :0.64em;
	--vxe-checkbox-indeterminate-width                       :0.6em;
	--vxe-checkbox-indeterminate-height                      :2px;
	--vxe-checkbox-border-width                              :2px;
	--vxe-checkbox-border-radius                             :2px;
	--vxe-checkbox-icon-background-color                     :#FFFFFF;
	--vxe-checkbox-checked-icon-border-color                 :#FFFFFF;
	--vxe-checkbox-indeterminate-icon-background-color       :#FFFFFF;
	/*radio*/
	--vxe-radio-font-size-default                            :var(--vxe-checkbox-font-size-default);
	--vxe-radio-font-size-medium                             :var(--vxe-checkbox-font-size-medium);
	--vxe-radio-font-size-small                              :var(--vxe-checkbox-font-size-small);
	--vxe-radio-font-size-mini                               :var(--vxe-checkbox-font-size-mini);
	--vxe-radio-border-width                                 :var(--vxe-checkbox-border-width);
	--vxe-radio-icon-background-color                        :#FFFFFF;
	--vxe-radio-checked-icon-background-color                :#FFFFFF;
	--vxe-radio-indeterminate-icon-background-color          :#FFFFFF;
	--vxe-radio-button-default-background-color              :#FFFFFF;
	/*button*/
	--vxe-button-max-width                                   :500px;
	--vxe-button-default-background-color                    :#FFFFFF;
	--vxe-button-dropdown-panel-background-color             :var(--vxe-button-default-background-color);
	--vxe-button-height-default                              :40px;
	--vxe-button-height-medium                               :34px;
	--vxe-button-height-small                                :32px;
	--vxe-button-height-mini                                 :30px;
	--vxe-button-round-border-radius-default                 :40px;
	--vxe-button-round-border-radius-medium                  :34px;
	--vxe-button-round-border-radius-small                   :32px;
	--vxe-button-round-border-radius-mini                    :30px;
	/*input*/
	--vxe-input-background-color                             :#FFFFFF;
	--vxe-input-panel-background-color                       :var(--vxe-input-background-color);
	--vxe-input-number-disabled-color                        :#E4E7ED;
	--vxe-input-date-festival-color                          :#999999;
	--vxe-input-date-festival-important-color                :var(--vxe-primary-color);
	--vxe-input-date-notice-background-color                 :#FF0000;
	--vxe-input-date-picker-hover-background-color           :#F2F6FC;
	--vxe-input-date-picker-selected-color                   :#FFFFFF;
	--vxe-input-date-time-confirm-button-color               :#FFFFFF;
	--vxe-input-date-picker-festival-selected-color          :var(--vxe-input-date-picker-selected-color);
	--vxe-input-date-picker-notice-selected-background-color :var(--vxe-input-date-picker-selected-color);
	--vxe-input-date-extra-color                             :#67C23A;
	--vxe-input-date-extra-important-color                   :#FD2222;
	--vxe-input-date-title-height-default                    :30px;
	--vxe-input-date-title-height-medium                     :29px;
	--vxe-input-date-title-height-small                      :28px;
	--vxe-input-date-title-height-mini                       :26px;
	--vxe-input-date-time-week-row-height-default            :38px;
	--vxe-input-date-time-week-row-height-medium             :36px;
	--vxe-input-date-time-week-row-height-small              :34px;
	--vxe-input-date-time-week-row-height-mini               :32px;
	--vxe-input-date-month-year-row-height-default           :48px;
	--vxe-input-date-month-year-row-height-medium            :46px;
	--vxe-input-date-month-year-row-height-small             :44px;
	--vxe-input-date-month-year-row-height-mini              :42px;
	--vxe-input-date-quarter-row-height-default              :60px;
	--vxe-input-date-quarter-row-height-medium               :58px;
	--vxe-input-date-quarter-row-height-small                :56px;
	--vxe-input-date-quarter-row-height-mini                 :54px;
	--vxe-input-height-default                               :var(--vxe-button-height-default);
	--vxe-input-height-medium                                :var(--vxe-button-height-medium);
	--vxe-input-height-small                                 :var(--vxe-button-height-small);
	--vxe-input-height-mini                                  :var(--vxe-button-height-mini);
	--vxe-input-count-color                                  :#999999;
	--vxe-input-count-background-color                       :#FFFFFF;
	--vxe-input-count-error-color                            :var(--vxe-table-validate-error-color);
	/*textarea*/
	--vxe-textarea-line-height                               :1.5715;
	--vxe-textarea-background-color                          :#FFFFFF;
	/*form*/
	--vxe-form-item-min-height-default                       :36px;
	--vxe-form-item-min-height-medium                        :34px;
	--vxe-form-item-min-height-small                         :32px;
	--vxe-form-item-min-height-mini                          :30px;
	--vxe-form-background-color                              :#FFFFFF;
	--vxe-form-validate-error-color                          :var(--vxe-table-validate-error-color);
	--vxe-form-validate-error-background-color               :inherit;
	/*select*/
	--vxe-select-option-height-default                       :30px;
	--vxe-select-option-height-medium                        :28px;
	--vxe-select-option-height-small                         :26px;
	--vxe-select-option-height-mini                          :24px;
	--vxe-select-option-hover-background-color               :#F5F7FA;
	--vxe-select-panel-background-color                      :#FFFFFF;
	--vxe-select-empty-color                                 :#C0C4CC;
	--vxe-optgroup-title-color                               :#909399;
	/*switch*/
	--vxe-switch-font-color                                  :#FFFFFF;
	--vxe-switch-icon-background-color                       :#FFFFFF;
	--vxe-switch-open-background-color                       :var(--vxe-primary-color);
	--vxe-switch-close-background-color                      :rgba(0, 0, 0, 0.35);
	--vxe-switch-disabled-background-color                   :rgba(0, 0, 0, 0.15);
	/*pullDown*/
	--vxe-pulldown-panel-background-color                    :#FFFFFF;
}
